@charset "UTF-8";
/**
 * 全局弹窗样式
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-09-28 20:09:10
 * @update  2014-09-28 20:09:10
 * @for webapp.html
 * @version $Id$
 */
/*字体图标*/
@font-face {
  font-family: 'bstyun';
  src: url('http://at.alicdn.com/t/font_1411969054_5502687.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1411969054_5502687.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1411969054_5502687.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1411969054_5502687.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1411969054_5502687.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"bstyun"; font-size:100%; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*全站按钮*/
.aui_outer .btn,.aui_outer .btn-css3{display: inline-block; padding: 5px 12px; height: 16px; line-height: 16px; _line-height: 18px; border: 1px solid #00A2CA; border-radius: 3px; font-size: 100%; color: #fff!important; background-color:#00A2CA; overflow: hidden; vertical-align: middle;}
.aui_outer .btn:hover,.aui_outer .btn-css3:hover{text-decoration: none; color: #fff; background:#00A2CA; }
.aui_outer .btn img,.aui_outer .btn-css3 img{vertical-align: middle;}

.aui_outer .graybtn{display: inline-block; padding: 5px 12px; height: 16px; line-height: 16px; border: 1px solid #c4c4c4; border-radius: 2px; font-size: 100%; color: #666; background-color:#efefef; background-image:-webkit-linear-gradient(#f8f8f8, #e5e5e5); background-image:-moz-linear-gradient(#f8f8f8, #e5e5e5); background-image:linear-gradient(#f8f8f8, #e5e5e5); background-repeat:repeat-x; vertical-align: middle;}
.aui_outer .graybtn:hover{text-decoration: none; color: #666; background:#e5e5e5;}


/* 弹窗样式 */
.aui_inner table{width: 100%;}
.aui_loading {padding:20px 0 0; background:url(../images/loading.gif) center 0 no-repeat; text-align:center; overflow:hidden; color:#bbb;}
.aui_inner {background:#fafafa; box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3); border:1px solid #989898;}
.aui_main {vertical-align: top; }
.aui_content{min-width: 200px;font:12px/1.5 "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun}
.aui_titleBar { position:relative; border-bottom: 1px solid #fff;}
.aui_titleBar .aui_title{font-size: 20px; padding: 10px 20px; border-bottom: 1px solid #e0e0e0;}
.aui_close{ background-image: url(../images/ico.png); background-position:0 0; top:12px; right:12px; position:absolute;text-indent: -9999px;width:24px; height:24px; overflow:hidden;  margin-right: 0;}
.aui_close:hover{ background-position:0 -24px;}
.aui_buttons { background-color:#F6F6F6; border-top:1px solid #eee;padding:6px 10px;text-align:right; }
.aui_dialog { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.aui_dialog button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 6px; *height:2em; letter-spacing:2px; color: #999; border: solid 1px #ccc; border-radius: 2px; background: #eee;  font:12px/1.5 "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun}
.aui_dialog button:hover{background: #ddd;}
.aui_dialog button.highlight{ color: #fff; border: solid 1px #38abe4; background: #59bbec;}
.aui_dialog button.highlight:hover{background: #7accf4;}

.dialog_success .aui_close,
.dialog_confirm .aui_close,
.dialog_ok .aui_close,
.dialog_warn .aui_close,
.dialog_prohibit .aui_close,.dialog_loading .aui_close{display: none;}

.aui_outer{ -webkit-animation: pop_in .5s;}
@-webkit-keyframes pop_in {
    0%{-webkit-transform:scale(0.6);opacity:0}
    50%{-webkit-transform:scale(1.05);opacity:1}
    100%{-webkit-transform:scale(1);opacity:1}
}
/*ok，warn, 疑问提示*/
.ok-tip, .success-tip, .warn-tip, .confirm-tip { font-size: 14px;  -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; -khtml-user-select: auto; user-select: auto; }
.ok-tip .iconfont, .success-tip .iconfont, .warn-tip .iconfont, .confirm-tip .iconfont { color: #00A2CA; font-size: 24px; margin-right: 10px; }
.ok-tip .iconfont { color: #59bbec; font-size: 30px; }
.warn-tip .iconfont { color: #f00; font-size: 30px; }
.success-tip { font-size: 22px; }
.success-tip .iconfont { color: #090; font-size: 36px; }
.confirm-tip .iconfont { color: #0baee4; font-size: 28px; }
.prohibit-tip{ line-height: 42px;}
.prohibit-tip .iconfont { color: #f00; font-size: 28px;}
.notice-tip .iconfont { color: #59bbec; font-size: 30px; }
.loading-tip{padding: 0 0 0 20px;background: url(../images/user/loading_blue.gif) left center no-repeat;text-align: left;overflow: hidden;color: #bbb;}

/*弹出登陆*/
.dialog_login_box{width: 320px; height: 310px; padding: 15px 30px; background: #fff;}

/*登陆主窗体*/
#login-box h2{font-size: 18px;font-style: normal;font-weight: 100;letter-spacing: 5px;}
#login-box .trig{float: right; font-size: 12px;letter-spacing: 0px;}
#login-box .trig a{text-decoration: underline;}
.dialog_login_box .form-bd{margin:15px 0;position: relative;height: 239px; width: 320px;overflow: hidden;}
.dialog_login_box .form_box{position: absolute;width: 640px;}
.dialog_login_box .login_box,.prve_login{float: left;}
#login-box .form{ width: 320px;}
#login-bstyun-form li h5{font-size: 14px; color: #999;}
#login-bstyun-form li span.iconfont{display: inline-block;text-align: center; color: #aaa;font-size: 18px;vertical-align: middle;margin: 0 6px;}
#login-bstyun-form li input.text{width: 240px; padding: 4px 6px; height: 18px; line-height: 18px; overflow: hidden;border: none; border-left: 1px solid #ccc; color: #333; vertical-align: middle;color: #333;margin-left:2px;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease;}
#login-bstyun-form li.text_input{border: 1px solid #ccc;line-height: 18px;padding: 6px;position: relative;margin-bottom:24px;zoom:1;}
#login-bstyun-form li{line-height: 18px;padding: 6px 0;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#login-bstyun-form li.last{text-align: center;margin-bottom:30px; margin-top:10px;  }
#login-bstyun-form li.last p{margin-bottom: 10px;}
#login-bstyun-form li.last .btn{height: 50px; width: 100%; text-align: center;color: #fff;letter-spacing: 5px; cursor: pointer; font-size: 18px; border: none;}
#login-bstyun-form li.last .btn:hover{background-color: #00A2BB;box-shadow: 1px px #ccc;}
#login-bstyun-form li.last .disabled{background: #ccc url(../images/loading.gif) 110px 18px no-repeat; cursor: default; color: #999;}
#login-bstyun-form li.last .disabled:hover{background: #ccc url(../images/loading.gif) 110px 18px no-repeat;box-shadow: 1px px #ccc;}
#login-bstyun-form li p .remember-me{margin-right: 10px; vertical-align: -2px;}
#login-bstyun-form li p a.forget_psd{float: right;text-decoration: underline;}
#login-bstyun-form li.params_error{border-color: #fe655c;}
#login-bstyun-form li.params_error input.text{border-left-color: #fe655c;}
#login-bstyun-form li.error_box{padding: 0;height: 16px;margin-top:-12px;margin-bottom:5px; color: #fe655c; }
#login-bstyun-form li.text_input .error_icon{background:url(../images/error_icon.png) 0 -50px no-repeat;position: absolute;width: 14px;height:14px;right: 10px;top:10px;}
#login-bstyun-form li.params_error .error_icon{background-position: 0 0;}
#login-bstyun-form li.text_input input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*加入购物车成功*/
.addcart_success{width: 420px; padding: 0 20px;}
.addcart_success h3{font-size: 18px; color: #00A2CA; text-align: left;}
.addcart_success p{color: #999; font-size: 14px; margin-bottom: 15px; text-align: left;}
.addcart_success p.item{color: #333; height: 50px; overflow: hidden;}
.addcart_success p.item img{width: 50px; height: 50px; vertical-align: middle;}
.addcart_success .btm{padding-top: 20px;}
.addcart_success .btm a { font-size: 16px; padding: 5px 0; height: 24px; line-height: 24px; width: 140px; text-align: center; }
.graybtn:hover { text-decoration: none; color: #666; background: #e5e5e5; }
.graybtn { display: inline-block; padding: 5px 12px; height: 16px; line-height: 16px; border: 1px solid #c4c4c4; border-radius: 2px; font-size: 100%; color: #666; background-color: #efefef; background-image: -webkit-linear-gradient(#f8f8f8, #e5e5e5); background-image: -moz-linear-gradient(#f8f8f8, #e5e5e5); background-image: linear-gradient(#f8f8f8, #e5e5e5); background-repeat: repeat-x; vertical-align: middle; }
.addcart_success .btm span { display: inline-block; width: 80px; }
.addcart_success input{vertical-align: text-bottom;margin-right: 3px;}
.addcart_success dl{margin-top: 10px;}
.addcart_success dl dt{}
.addcart_success dl dt span.taocan_name{margin-right: 5px;}
.addcart_success dl dd{margin-top: 5px;}

/*产品加入购物车 弹出套餐选择框=======开始*/
.product_box{}
.product_box ul{}
.product_box ul li{float: left;width: 120px;text-indent: 0;text-align: center;}
.product_box ul li.choose_pro{width: 18px;margin-left: -20px;}
.product_box ul li.special_li{width: 240px;}
.product_box ul li.lookfor_detail{}
.product_box ul li.lookfor_detail a{padding:3px 10px;color: #fff;background-color: #00A7CB;border-radius: 3px;}
.product_box dl dd{margin-bottom: 20px;}
.product_box dl dd p{padding-right: 35px;padding-bottom: 15px;}
.product_box dl dd p a.goto_pay{float: right;padding:3px 10px;color: #fff;background-color: #3695E5;border-radius: 3px;}
.product_box dl dt.product_inforbox,.product_box dl dd.product_detail{border-bottom: 1px solid #ccc;}
.product_box dl dd.product_detail{display: none;}
.product_box dl dd.product_detail dl dd{text-indent: 2em;}
.product_box .nav_title{background-color: #EDFBFE;color: #000;padding: 8px 0;}
.product_box .page_control{text-align: center;}
.product_box .page_control em,.product_box .page_control a,.product_box .page_control span{color:#ADADAD;font-size: 14px;}
.product_box .page_control a{padding: 0 3px;}
.page_control{position:absolute;bottom:10px;left:50%;left:calc(50% - 120px);}
.product_detail table{margin:10px 10px 10px 0px;}
.product_detail table tr td{width: 130px;line-height:25px;text-align: center;vertical-align: middle;border:1px solid #ccc;}

/*产品加入购物车 弹出套餐选择框=======结束*/
